<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>wangEditor2 test</title>
    <link rel="stylesheet" type="text/css" href="../dist/css/wangEditor.min.css">
    <style type="text/css">
        #div1, #div2 {
            width: 100%;
            height: 150px;
        }
    </style>
</head>
<body style="padding:0 20px;">
<p>wangEditor2.0 demo演示（功能尚未开发完成），支持 IE8+ 浏览器</p>
<div class="container">
    <div id="div1">
        <h3>标题标题1</h3>
        <p>请输入内容111</p>
        <p><a href="#">链接链接1</a></p>
    </div>
    <p>------- 分割线 -------</p>
    <div id="div2">
        <h3>标题标题2</h3>
        <p>请输入内容222</p>
        <p><a href="#">链接链接2</a></p>
    </div>
</div>
<p>底部test</p>


<script type="text/javascript" src="../dist/js/lib/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="../dist/js/wangEditor.js"></script>
<script type="text/javascript">
    $(function () {

        var editor1 = new wangEditor('div1');
        var editor2 = new wangEditor('div2');

        // editor2.config.menus = [
        //     'source',
        //     '|',
        //     'bold',
        //     'underline',
        //     'italic',
        //     'strikethrough',
        //     'eraser',
        //     'forecolor',
        //     'bgcolor',
        //     '|',
        //     'quote',
        //     'fontfamily',
        //     'fontsize',
        //     'head',
        //     'unorderlist',
        //     'orderlist',
        //     'alignleft',
        //     'aligncenter',
        //     'alignright',
        //     '|',
        //     'link',
        //     'unlink',
        //     'table',
        //     'emotion',
        //     '|',
        //     'img',
        //     'video',
        //     // 'location',
        //     'insertcode',
        //     '|',
        //     'undo',
        //     'redo',
        //     'fullscreen'
        // ];

        if (window.console) {
            console.log(editor1);
            console.log(editor2);
        }

        editor1.config.uploadImgUrl = '/upload';
        editor2.config.uploadImgUrl = '/upload';

        editor1.create();
        editor2.create();

        // 避免上面编辑器的 dropPanel 被下面的编辑器遮挡
        editor1.$editorContainer.css('z-index', 20)
        editor2.$editorContainer.css('z-index', 10)
    });
</script>
</body>
</html>